Disclaimer Generator tool with colorful styling

 Creating a responsive Disclaimer Generator tool with colorful styling involves combining HTML for structure, CSS for styling, and JavaScript for functionality. To enhance the design and responsiveness, we can utilize the Bootstrap framework, which offers pre-designed components and a responsive grid system. Below is the complete code to achieve this:

HTML:

Disclaimer Generator

Company Name:

Website Name:

Website URL:

Contact Email:

Generated Disclaimer

body { background-color: #f8f9fa; } h1, h2 { color: #343a40; } .btn-primary { background-color: #007bff; border-color: #007bff; } .btn-primary:hover { background-color: #0056b3; border-color: #004085; } textarea { background-color: #e9ecef; color: #495057; border: 1px solid #ced4da; } document.getElementById('disclaimerForm').addEventListener('submit', function(e) { e.preventDefault(); const companyName = document.getElementById('companyName').value; const websiteName = document.getElementById('websiteName').value; const websiteURL = document.getElementById('websiteURL').value; const contactEmail = document.getElementById('contactEmail').value; const disclaimerText = `

Disclaimer for ${companyName}

If you require any more information or have any questions about our site's disclaimer, please feel free to contact us by email at ${contactEmail}.

Disclaimers for ${websiteName}

All the information on this website - ${websiteURL} - is published in good faith and for general information purpose only. ${websiteName} does not make any warranties about the completeness, reliability, and accuracy of this information. Any action you take upon the information you find on this website (${websiteName}), is strictly at your own risk. ${websiteName} will not be liable for any losses and/or damages ::contentReference[oaicite:0]{index=0}